:root {
    ---theme_bg: #FFF;
    ---theme_col: rgb(52, 123, 239);
    ---col: #1989fa;
    /*---col:rgb(52,123,239);*/
    ---col1: rgb(243, 248, 254);
    ---header_h: 100px;
    ---t-col: #444;
}

html {
    height: 100%;
    font-size: 14px;
}
/*特殊节日*/
/*html{-webkit-filter: grayscale(100%);       filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
body {
    background-color: rgb(243, 248, 254);
    background-color: var(---col1);
    margin: 0;
    height: 100%;
    min-width: 720px;
    min-height: 500px;
    /*font-family:Helvetica, Arial, sans-serif;*/
    /*font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

.t-col {
    font-size: 14px;
    color:#444;
    color: var(---t-col);
}
.t-col2 {
    font-size: 14px;
    color: #666;
}

.cursor-pointer {
    cursor: pointer;
}
.t-success{
    color:#13ce66
}
.t-error{
    color: #ff4949;
}
/*a:link {*/
/*    text-decoration: none;*/
/*}*/
/*a:visited {*/
/*    text-decoration: none;*/
/*}*/
/*a:hover {*/
/*    text-decoration: none;*/
/*}*/
/*a:active {*/
/*    text-decoration: none;*/
/*}*/
#app {
    height: 100%;
}

.container { /*后台容器*/
    box-sizing: border-box;
    height: 100%;
}

/*飞猫图标库*/
.flycatico {
    font-size: 18px;
}


/*左侧菜单 样式*/
.aside { /*容器*/
    /*width: 250px;height: 100%;background-color: red;float: left;*/

    float: left;
    box-sizing: border-box;
    height: 100%;
    width: 240px;
    background-color: #1989fa;
    background-color: var(---col);
    color: #fff;
    text-align: left;
    /*line-height: 200px;*/
    border-right: 1px solid #EBEBEB;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 40px;
    background-image: url("http://120.24.190.159:777/res/image/chahua/analytics.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: bottom;
    /*bottom: 20%;*/
}

.flyat_menu {
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
}

.flyat_menu > ul {
    box-sizing: border-box;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.flyat_menu > ul > li {
    box-sizing: border-box;
    height: 40px;
    color: white;
    line-height: 38px;
    padding-left: 40px;
    font-size: 14px;
    letter-spacing: 3px;
    margin-top: -2px;
    cursor: pointer;
    margin-bottom: 20px;
}

.flyat_menu > ul > .active {
    background-color: white;
    color: #1989fa;
    border-radius: 100px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    font-weight: bold;
}

.flyat_menu > ul > li:hover {
    background-color: rgba(255, 255, 255, .2);
    /*color: #1989fa;*/
    border-radius: 100px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    font-weight: bold;
}

.logo { /*logo*/
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    margin: 0;
    float: left;
    cursor: pointer;
}

.logo:hover {
    background-color: rgba(255, 255, 255, .2);
}

/*头部 样式*/
.header { /*容器*/
    box-sizing: border-box;
    padding: 0 30px;
    color: #333;
    line-height: 60px;
}

.web_title {
    float: left;
    color: #444;
    font-weight: bold;
    /*margin-top: 25px;*/
    font-size: 16px;
    /*float: left;*/
    height: 100%;
    /*line-height: 60px;*/
}

.web_title > i {
    color: #1989fa;
    color: var(---col);
    font-size: 25px;
    margin-top: 1px;
    margin-right: 5px;
}

.web_title > span {
    display: inline-block;
    font-size: 16px;
    color: #444;
    /*margin-top: 30px;*/
}

.user-header-img {
    border-radius: 100px;
    height: 35px;
    width: 35px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.user-header-menu {
    color:#444;
    color: var(---t-col);
    float: right;
    font-weight: bold;
    cursor: pointer;

}

/*脚部 样式*/
.el-footer { /*容器*/
    line-height: 60px;
    background-color: #FFF;
    background-color: var(---theme_bg);
    color: #333;
    text-align: center;
}

/*主内容 样式*/
.container-main {
    float: left;
    height: 100%;
    width: calc(100% - 240px);
    position: relative;
    /*background-color: red;*/
}

.header {
    width: 100%;
    height: 60px;
    /*background-color: blue;*/
}

.main { /*容器*/
    box-sizing: border-box;
    background-color: white;
    width: calc(100% - 50px);
    height: calc(100% - 70px);
    max-height: calc(100% - 70px);
    margin: 0 80px 10px 25px;
    border-radius: 18px;
    padding: 30px 20px 10px 20px;
    /*width: calc(100% - 295px);float: left;*/
    /*color: #333;*/
    /*padding-top: 15px;*/
    /*box-sizing: border-box;*/
    /*height: calc(100% - 100px);*/
    /*background-color: white;*/
    /*margin: 0 25px 10px 25px;*/
    /*border-radius: 18px;*/
}

/*卡片*/
.card {
    box-sizing: border-box;
    width: 100%;
    background-color: rgb(243, 248, 254);
    background-color: var(---col1);
    border-radius: 15px;
}

.card-header {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-weight: bold;
    font-size: 16px;
}

.card-main {
    border-top: 1px solid #dfdfdf;
    margin: 0 20px;
}


.ico-size-18px{
    font-size: 18px;
}
.ico-size-15px{
    font-size: 15px;
}
.ico-col-success{
    color: #67C23A;
}
.ico-col-brand{
    color: #409EFF;
}
.ico-col-danger{
    color: #F56C6C;
}
.ico-col-info{
    color:#909399;
}
/*缩写 样式*/
.w-fillup { /*占满 宽度*/
    box-sizing: border-box;
    width: 100%;
}

.h-fillup { /*占满 高度*/
    box-sizing: border-box;
    height: 100%;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-t-10 {
    margin-top: 10px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}
.m-t-5{
    margin-top: 5px;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-r-8 {
    margin-right: 8px !important;
}
.m-r-20 {
    margin-right: 20px !important;
}
.m-l-10 {
    margin-left: 10px !important;
}
.m-l-2 {
    margin-left: 2px !important;
}
.m-l-20 {
    margin-left: 20px !important;
}
.m-l-30 {
    margin-left: 20px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-r-2 {
    margin-right: 2px !important;
}
.m-l-0{
    margin-left: 0;
}
.m-l-5 {
    margin-left: 5px !important;
}
.bold{
    font-weight: bold;
}
.initial{
    font-weight: normal;
}
.p-lr-5{
    padding-left: 5px;
    padding-right: 5px;
}
.italic{
    font-style:italic
}
.overflow-auto{
    overflow: auto;
}
.p-t-10{
    padding-top: 10px;
}
.p-b-10{
    padding-bottom: 10px;
}
.none{
    display: none;
}
/*滚动条 样式*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

::-webkit-scrollbar-track-piece {
    background-color: #ffff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(144, 147, 153, 0.5);
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 7px;
    background-color: rgba(144, 147, 153, 0.5);
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

/*图标*/
.style-ico-fullexitscreen {
    margin-right: 20px;
    font-size: 20px;
    color: #1989fa;
    cursor: pointer;
}